<template>
	<view class="agreement-container">
		<!-- 自定义导航栏 -->
		<ob-navbar 
			:title="pageTitle"
			:show-back="true"
			background-color="#FFFFFF"
			title-color="#333333"
			:border="true"
		/>
		
		<!-- 主要内容区域 -->
		<view class="content-wrapper">
			<view class="agreement-content">
				<!-- 用户协议 -->
				<view v-if="agreementType === 'user'" class="agreement-section">
					<text class="section-title">OceanBridge 用户协议</text>
					<text class="update-time">最后更新时间：2024年1月1日</text>
					
					<view class="article-content">
						<text class="article-title">1. 服务条款的接受</text>
						<text class="article-text">
							欢迎使用OceanBridge服务！当您创建账户或以其他方式使用OceanBridge服务时，即表示您同意接受本用户协议（"协议"）的所有条款和条件。
						</text>
						
						<text class="article-title">2. 服务描述</text>
						<text class="article-text">
							OceanBridge是一个专为海员提供的电商购物平台，为用户提供商品购买、订单管理、消息沟通等服务。我们致力于为海员群体提供便捷、安全的购物体验。
						</text>
						
						<text class="article-title">3. 用户注册与账户</text>
						<text class="article-text">
							3.1 用户必须提供真实、准确、完整的注册信息\n
							3.2 用户有责任维护账户安全，不得将账户转让给他人\n
							3.3 用户对其账户下的所有活动承担责任\n
							3.4 OceanBridge有权要求用户提供身份验证材料
						</text>
						
						<text class="article-title">4. 用户行为规范</text>
						<text class="article-text">
							4.1 用户不得利用本平台进行违法违规活动\n
							4.2 不得发布虚假信息或恶意评价\n
							4.3 不得侵犯他人知识产权或合法权益\n
							4.4 不得进行任何可能影响平台正常运行的行为
						</text>
						
						<text class="article-title">5. 订单与支付</text>
						<text class="article-text">
							5.1 用户下单后应按约定时间完成支付\n
							5.2 订单信息一经确认不得随意更改\n
							5.3 特殊情况下的订单变更需联系客服处理\n
							5.4 支付安全由第三方支付平台保障
						</text>
						
						<text class="article-title">6. 知识产权</text>
						<text class="article-text">
							本平台的所有内容，包括但不限于文字、图片、音频、视频、软件等，均受知识产权法保护。未经许可，用户不得复制、传播或商业使用。
						</text>
						
						<text class="article-title">7. 免责声明</text>
						<text class="article-text">
							7.1 平台仅提供信息发布和交易撮合服务\n
							7.2 对于商品质量问题，平台将协助处理但不承担直接责任\n
							7.3 因不可抗力造成的损失，平台不承担责任\n
							7.4 用户应对自己的交易行为承担责任
						</text>
						
						<text class="article-title">8. 协议修改</text>
						<text class="article-text">
							OceanBridge有权根据业务发展需要修改本协议。修改后的协议将在平台上公布，用户继续使用服务即视为同意修改后的协议。
						</text>
						
						<text class="article-title">9. 联系我们</text>
						<text class="article-text">
							如果您对本协议有任何疑问，请通过以下方式联系我们：\n
							邮箱：support@oceanbridge.com\n
							客服热线：400-888-8888
						</text>
					</view>
				</view>
				
				<!-- 隐私政策 -->
				<view v-if="agreementType === 'privacy'" class="agreement-section">
					<text class="section-title">OceanBridge 隐私政策</text>
					<text class="update-time">最后更新时间：2024年1月1日</text>
					
					<view class="article-content">
						<text class="article-title">1. 信息收集</text>
						<text class="article-text">
							1.1 账户信息：包括用户名、邮箱、手机号等注册信息\n
							1.2 交易信息：订单记录、支付信息、收货地址等\n
							1.3 设备信息：设备型号、操作系统、应用版本等\n
							1.4 使用信息：浏览记录、搜索记录、操作日志等
						</text>
						
						<text class="article-title">2. 信息使用</text>
						<text class="article-text">
							2.1 提供和改进我们的服务\n
							2.2 处理交易和提供客户支持\n
							2.3 个性化推荐和广告展示\n
							2.4 安全监控和风险防范\n
							2.5 法律法规要求的其他用途
						</text>
						
						<text class="article-title">3. 信息共享</text>
						<text class="article-text">
							3.1 我们不会向第三方出售您的个人信息\n
							3.2 在以下情况下可能共享信息：\n
							    • 获得您的明确同意\n
							    • 法律法规要求\n
							    • 保护用户和公众安全\n
							    • 与合作伙伴共同提供服务
						</text>
						
						<text class="article-title">4. 信息安全</text>
						<text class="article-text">
							4.1 采用行业标准的安全措施保护您的信息\n
							4.2 使用加密技术传输敏感信息\n
							4.3 限制员工访问个人信息\n
							4.4 定期进行安全审计和漏洞修复
						</text>
						
						<text class="article-title">5. 用户权利</text>
						<text class="article-text">
							5.1 查询个人信息的权利\n
							5.2 更正错误信息的权利\n
							5.3 删除个人信息的权利\n
							5.4 限制信息处理的权利\n
							5.5 数据可携带权利
						</text>
						
						<text class="article-title">6. Cookie政策</text>
						<text class="article-text">
							我们使用Cookie和类似技术来改善用户体验、分析使用情况和提供个性化服务。您可以通过浏览器设置管理Cookie偏好。
						</text>
						
						<text class="article-title">7. 儿童隐私</text>
						<text class="article-text">
							我们的服务不面向13岁以下儿童。如果我们发现收集了儿童的个人信息，将立即删除相关信息。
						</text>
						
						<text class="article-title">8. 政策更新</text>
						<text class="article-text">
							我们可能会不时更新本隐私政策。重大变更将通过邮件或应用内通知的方式告知用户。
						</text>
						
						<text class="article-title">9. 联系我们</text>
						<text class="article-text">
							如果您对本隐私政策有任何疑问，请联系我们：\n
							邮箱：privacy@oceanbridge.com\n
							地址：上海市浦东新区海洋科技园区888号
						</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref, computed, onMounted } from 'vue'

// 响应式数据
const agreementType = ref('user')

// 计算属性
const pageTitle = computed(() => {
	return agreementType.value === 'user' ? '用户协议' : '隐私政策'
})

// 页面加载时获取参数
onMounted(() => {
	const pages = getCurrentPages()
	const currentPage = pages[pages.length - 1]
	const options = currentPage.options
	
	if (options.type) {
		agreementType.value = options.type
	}
})
</script>

<style lang="scss" scoped>
.agreement-container {
	min-height: 100vh;
	background: #F8F9FA;
}

.content-wrapper {
	padding: 15px;
}

.agreement-content {
	background: #FFFFFF;
	border-radius: 12px;
	overflow: hidden;
}

.agreement-section {
	padding: 20px;
}

.section-title {
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 8px;
}

.update-time {
	display: block;
	font-size: 14px;
	color: #666666;
	text-align: center;
	margin-bottom: 30px;
}

.article-content {
	line-height: 1.8;
}

.article-title {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	margin: 25px 0 15px 0;
	
	&:first-child {
		margin-top: 0;
	}
}

.article-text {
	display: block;
	font-size: 16px;
	color: #555555;
	line-height: 1.8;
	margin-bottom: 20px;
	white-space: pre-line;
	
	&:last-child {
		margin-bottom: 0;
	}
}
</style>